<template>
  <div>
    <input type="text" v-model="val">
    <gridOne :gridColumns="gridColumns" :gridData="gridData" :val="val"/>
  </div>
</template>

<script>
import gridOne from '@/views/grid/gridone.vue'
export default {
  data () {
    return {
      val:'',
      gridColumns: [{name:'name',isAsc:false},{name:'power',isAsc:false},{name:'aaa',isAsc:false}],
      gridData: [
        { name: "Chuck Norris", power: Infinity,aaa:'aaa' },
        { name: "Bruce Lee", power: 9000 ,aaa:'bbb'},
        { name: "Jackie Chan", power: 7000 ,aaa:'ccc'},
        { name: "Jet Li", power: 8000 ,aaa:'ddd'}
      ]
    }
  },
  components: {
    gridOne
  }
}
</script>

<style scoped>
</style>